﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1 登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1_登录/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_1_登录/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u2986" class="ax_default image">
        <img id="u2986_img" class="img " src="images/4_1_登录/u2986.png"/>
        <div id="u2986_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2987" class="ax_default box_1">
        <img id="u2987_img" class="img " src="images/4_1_登录/u2987.svg"/>
        <div id="u2987_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2988" class="ax_default icon">
        <img id="u2988_img" class="img " src="images/1__专注_首页_/u518.svg"/>
        <div id="u2988_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2989" class="ax_default icon">
        <img id="u2989_img" class="img " src="images/4__我的/u2919.svg"/>
        <div id="u2989_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2990" class="ax_default icon selected">
        <img id="u2990_img" class="img " src="images/3__成就页/u1890.svg"/>
        <div id="u2990_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- icon组 (组合) -->
      <div id="u2991" class="ax_default" data-label="icon组" data-left="660" data-top="809" data-width="44" data-height="40">

        <!-- task (组合) -->
        <div id="u2992" class="ax_default" data-label="task" data-left="660" data-top="809" data-width="44" data-height="40">

          <!-- Unnamed (形状) -->
          <div id="u2993" class="ax_default icon">
            <img id="u2993_img" class="img " src="images/1__专注_首页_/u509.svg"/>
            <div id="u2993_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (椭圆) -->
          <div id="u2994" class="ax_default icon">
            <img id="u2994_img" class="img " src="images/1__专注_首页_/u510.svg"/>
            <div id="u2994_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (椭圆) -->
          <div id="u2995" class="ax_default icon">
            <img id="u2995_img" class="img " src="images/1__专注_首页_/u510.svg"/>
            <div id="u2995_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2996" class="ax_default icon">
            <img id="u2996_img" class="img " src="images/1__专注_首页_/u512.svg"/>
            <div id="u2996_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2997" class="ax_default icon">
            <img id="u2997_img" class="img " src="images/1__专注_首页_/u513.svg"/>
            <div id="u2997_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2998" class="ax_default icon">
            <img id="u2998_img" class="img " src="images/1__专注_首页_/u514.svg"/>
            <div id="u2998_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u2999" class="ax_default icon">
            <img id="u2999_img" class="img " src="images/1__专注_首页_/u515.svg"/>
            <div id="u2999_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3000" class="ax_default icon">
            <img id="u3000_img" class="img " src="images/1__专注_首页_/u516.svg"/>
            <div id="u3000_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3001" class="ax_default icon">
            <img id="u3001_img" class="img " src="images/1__专注_首页_/u517.svg"/>
            <div id="u3001_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3002" class="ax_default" data-left="500" data-top="50" data-width="453" data-height="886">

        <!-- Unnamed (矩形) -->
        <div id="u3003" class="ax_default box_1">
          <div id="u3003_div" class=""></div>
          <div id="u3003_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3004" class="ax_default image">
          <img id="u3004_img" class="img " src="images/0__logo___载入/u267.png"/>
          <div id="u3004_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3005" class="ax_default image">
          <img id="u3005_img" class="img " src="images/0__logo___载入/u268.png"/>
          <div id="u3005_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3006" class="ax_default image">
          <img id="u3006_img" class="img " src="images/0__logo___载入/u269.png"/>
          <div id="u3006_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3007" class="ax_default image">
          <img id="u3007_img" class="img " src="images/0__logo___载入/u270.png"/>
          <div id="u3007_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Status Bar) -->

        <!-- Unnamed (图片) -->
        <div id="u3009" class="ax_default image">
          <img id="u3009_img" class="img " src="images/0__logo___载入/u272.png"/>
          <div id="u3009_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
        <div id="u3008" style="display:none; visibility:hidden;"></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3010" class="ax_default box_1">
        <img id="u3010_img" class="img " src="images/4_1_登录/u3010.svg"/>
        <div id="u3010_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3011" class="ax_default box_1">
        <img id="u3011_img" class="img " src="images/4_1_登录/u3010.svg"/>
        <div id="u3011_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3012" class="ax_default box_1">
        <img id="u3012_img" class="img " src="images/4_1_登录/u3012.svg"/>
        <div id="u3012_text" class="text ">
          <p><span>登陆</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u3013" class="ax_default icon selected">
        <img id="u3013_img" class="img " src="images/4_1_登录/u3013.svg"/>
        <div id="u3013_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3014" class="ax_default label">
        <div id="u3014_div" class=""></div>
        <div id="u3014_text" class="text ">
          <p><span>——&nbsp; Monstime&nbsp; ——</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3015" class="ax_default label">
        <div id="u3015_div" class=""></div>
        <div id="u3015_text" class="text ">
          <p><span>立即注册</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3016" class="ax_default label">
        <div id="u3016_div" class=""></div>
        <div id="u3016_text" class="text ">
          <p><span>第三方登陆</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3017" class="ax_default image">
        <img id="u3017_img" class="img " src="images/4_1_登录/u3017.png"/>
        <div id="u3017_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3018" class="ax_default image">
        <img id="u3018_img" class="img " src="images/4_1_登录/u3018.png"/>
        <div id="u3018_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3019" class="ax_default image">
        <img id="u3019_img" class="img " src="images/4_1_登录/u3019.png"/>
        <div id="u3019_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3020" class="ax_default label">
        <div id="u3020_div" class=""></div>
        <div id="u3020_text" class="text ">
          <p><span style="color:#AAAAAA;">登陆即代表同意</span><span style="color:#6488E5;">《Monstime用户注册协议》</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3021" class="ax_default image">
        <img id="u3021_img" class="img " src="images/4_1_登录/u3021.png"/>
        <div id="u3021_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3022" class="ax_default image">
        <img id="u3022_img" class="img " src="images/4_1_登录/u3022.png"/>
        <div id="u3022_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3023" class="ax_default label selected" title="单击找回密码">
        <div id="u3023_div" class="selected"></div>
        <div id="u3023_text" class="text ">
          <p><span style="text-decoration:underline ;">忘记密码？</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3024" class="ax_default text_field">
        <div id="u3024_div" class=""></div>
        <input id="u3024_input" type="text" value="" class="u3024_input"/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3025" class="ax_default text_field">
        <div id="u3025_div" class=""></div>
        <input id="u3025_input" type="text" value="" class="u3025_input"/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3026" class="ax_default text_field">
        <div id="u3026_div" class=""></div>
        <input id="u3026_input" type="text" value="" class="u3026_input"/>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u3027" class="ax_default text_field">
        <div id="u3027_div" class=""></div>
        <input id="u3027_input" type="text" value="" class="u3027_input"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u3028" class="ax_default image">
        <img id="u3028_img" class="img " src="images/4_1_登录/u2986.png"/>
        <div id="u3028_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3029" class="ax_default _文本段落">
        <div id="u3029_div" class=""></div>
        <div id="u3029_text" class="text ">
          <p style="font-size:32px;"><span>请操作：</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>1.用户点击左上角箭头可返回至上一页</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>2.用户点击【账号输入框】可进行账号输入</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>3.用户点击【密码输入框】可进行密码输入</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>4.用户在账号与密码输入完成后，点击登录按钮完成登录，点击后跳转至【4.1.1 已登录】</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>5.用户鼠标悬停在【忘记密码】时出现提示语“单击找回密码”，点击可跳转至相关页面进行操作</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>7.用户可点击登录按钮右下方【立即注册】进行账号注册</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>8.用户可在屏幕下方第三方登录区域，点击相关图标与不同的应用程式联动进行登陆操作</span></p><p style="font-size:24px;"><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
